Page({
  data: {
    idcardFrontUrl: '', // 身份证正面
    idcardBackUrl: '', // 身份证反面
    point: '', // 小区的名字
    building: '', // 几号楼
    room: '', // 房间号
    name: '', // 业主姓名
    gender: 1, // 业主性别 1男 / 0女
    mobile: '', // 业主手机号
  },
  onLoad({ point, building, room, id }) {
    // 根据id判断是否是添加/编辑
    if (id) {
      // 编辑房屋
      // 1. 编辑页面标题
      wx.setNavigationBarTitle({
        title: '编辑房屋信息',
      })
      // 2. 通过id获取房屋信息
      this.getHouseDetail(id)
    } else {
      // 添加房屋
      this.setData({
        point,
        building,
        room,
      })
    }
  },
  async getHouseDetail(id) {
    const { code, data } = await wx.http.get(`/room/${id}`)
    if (code !== 10000) return wx.utils.toast()
    this.setData({
      ...data,
    })
  },
  // 上传身份证正反面
  async uploadPicture(ev) {
    // 区分正反面的标识
    const type = ev.mark?.type
    const res = await wx.chooseMedia({
      count: 1, // 选择文件的个数
      mediaType: ['image'], // 媒体的类型 - 图片
      sizeType: ['compressed'], // 图片是否压缩 - 压
    })
    // 上传图片
    wx.uploadFile({
      filePath: res.tempFiles[0].tempFilePath, // 文件路径 - 临时图片地址
      name: 'file', // 文件对应的key - 接口文档要求传 'file'
      url: wx.http.baseURL + '/upload', // 请求地址
      header: {
        Authorization: getApp().token,
      },
      success: (result) => {
        // JSON.parse() 将json字符串转成js对象
        // JSON.stringify() 将js对象转成json字符串
        const data = JSON.parse(result.data)
        if (data.code !== 10000) return wx.utils.toast('上传图片失败')
        // 图片的临时地址
        this.setData({
          [type]: data.data.url,
        })
      },
    })
  },
  // 针对姓名的校验
  verifyName() {
    // 1. 创建正则表达式
    const reg = /^[\u4e00-\u9fa5]{2,5}$/
    // 2. reg.test() 校验
    const valid = reg.test(this.data.name.trim())
    // 3. 提示用户
    if (!valid) wx.utils.toast('请输入2-5位的中文汉字')
    // 4. 将校验的结果进行返回
    return valid
  },
  // 针对手机号的校验
  verifyMobile() {
    const reg = /^1[3-9]\d{9}$/
    const valid = reg.test(this.data.mobile.trim())
    if (!valid) wx.utils.toast('请输入正确的手机号')
    return valid
  },
  // 针对身份证/正反面校验
  verifyIdCard() {
    // 正反面都得存在
    const valid = !!this.data.idcardFrontUrl && !!this.data.idcardBackUrl
    if (!valid) wx.utils.toast('请上传身份证正反面照片')
    return valid
  },
  async submit() {
    if (!this.verifyName()) return
    if (!this.verifyMobile()) return
    if (!this.verifyIdCard()) return
    // 删除data对象中的xx属性
    delete this.data.__webviewId__
    delete this.data.status
    const { code } = await wx.http.post('/room', this.data)
    if (code !== 10000) return wx.utils.toast('添加房屋失败')
    // 回退到我的房屋列表页面
    wx.navigateBack({
      delta: this.data.id ? 2 : 4, // 回退几步
    })
  },
  removePicture(ev) {
    // 移除图片的类型（身份证正面或反面）
    const type = ev.mark?.type
    // console.log(type)
    // if (type === 'idcardFrontUrl') {
    //   this.setData({
    //     idcardFrontUrl: '',
    //   })
    // } else {
    //   this.setData({
    //     idcardBackUrl: '',
    //   })
    // }
    this.setData({
      // [type] === 'idcardFrontUrl': ''
      // [type] === 'idcardBackUrl': ''
      [type]: '',
    })
  },
})
